﻿@model Models.ClientProfile

@{
    ViewBag.Title = "Profile Details";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<br />  

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-6 col-lg-6">
            <img class="profile-user-img img-responsive img-circle" src="@Url.Content("~/img/user.jpg")" alt="command">
            <h3 class="profile-username text-center">@Html.DisplayFor(model => model.Name)</h3>
            <p class="text-muted text-center">@Html.DisplayFor(model => model.NRIC)</p>
            <br />
        </div> 
        <div class="col-sm-6 col-md-6 col-lg-6">
            <ul class="list-group list-group-unbordered">
                <li class="list-group-item">
                    <b>@Html.DisplayNameFor(model => model.Age)</b> <a class="pull-right">@Html.DisplayFor(model => model.Age)</a>
                </li>
                <li class="list-group-item">
                    <b>@Html.DisplayNameFor(model => model.Gender)</b> <a class="pull-right">@Html.DisplayFor(model => model.Gender.Name)</a>
                </li>
                <li class="list-group-item">
                    <b>@Html.DisplayNameFor(model => model.Race)</b> <a class="pull-right">@Html.DisplayFor(model => model.Race.Name)</a>
                </li>
                <li class="list-group-item">
                    <b>@Html.DisplayNameFor(model => model.FamilyContactNo)</b> <a class="pull-right">@Html.DisplayFor(model => model.FamilyContactNo)</a>
                </li>
            </ul>  
        </div> 
        <div class="col-sm-12 col-md-12 col-lg-12">
            <strong><i class="fa fa-pencil margin-r-5"></i>&nbsp;Accufind Tagging Info</strong>
            <br /><br />
            <p>
                @{
                    if (Model.AccufindTaggingInfoes != null && Model.AccufindTaggingInfoes.Count() > 0)
                    {
                        foreach (string existingTag in Model.AccufindTaggingInfoes.Select(t => t.Name))
                        {
                            <span class="label label-default">@existingTag</span>
                        }
                    }
                }
            </p>
            <hr>
            <strong><i class="fa fa-file-text-o margin-r-5"></i>&nbsp;@Html.DisplayNameFor(model => model.MedicalCondition)</strong>
            <br /><br />
            <p style="min-height:150px;">@Html.DisplayFor(model => model.MedicalCondition)</p>
            <hr>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="pull-right">
                <a href="@Url.Action("Index")" class="btn btn-default">Back</a>
                <a href="@Url.Action("Edit", new { id = Model.ClientProfileId })" class="btn btn-info">Edit</a>
            </div>
        </div>   
    </div>
</div>